<html>
<head>
<title>ImageLoader 2.x - Cascaded Loading of below the fold images</title>

<style type="text/css">
.intro { text-align:center; width:100%; color:#555; font:bold 11pt arial; margin-top:20px; }
.everything { position:relative; height:2000px; }
.waydown { position:absolute; top:700px; left:400px; height:42px; width:77px; }
#waydown2 { top:900px; }
#waydown3 { top:1300px; }
#waydown4 { top:1100px; background:url('http://us.i1.yimg.com/us.yimg.com/i/ar/sp/fifa/rooney77x42.jpg'); }
.waydownCF { background:none !important; }

</style>
</head>
<body>

<div class='intro'>Image Loader -|- hover over images to see explanation of triggers/limits</div>
<div class='everything' id='everything'>
	<div class='waydown' id='waydown' title='group 4; scroll, or resize; will show immediately if above the fold; no limit'></div>
	<div class='waydown' id='waydown2' title='group 4; scroll, or resize; will show immediately if above the fold; no limit'></div>
	<div class='waydown' id='waydown3' title='group 4; scroll, or resize; will show immediately if above the fold; no limit'></div>
	<div class='waydown waydownCF' id='waydown4' title='group 4; scroll, or resize; will show immediately if above the fold; no limit'></div>

</div>

<script type="text/javascript" src="../../build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript" src="../../build/imageloader/imageloader-debug.js"></script>
<script type="text/javascript" src="scrollcascade.js"></script>

</body>
</html>
